.input{
    border: 3px solid #aec000
}

.show{
    opacity:1;
    transition:all 1.5s ease-in;
}

.hide{
    opacity:0;
    /* transition:hide-item 1.5s ease-in; */
    animation:hide-item 2s ease-in forwards;  /* forwards 停止到最后一帧 */
}

@keyframes hide-item {
    0%{
        opacity:1;
        color:yellowgreen;
    }
    50%{
        opacity:0.5;
        color:royalblue;
    }
    100%{
        display:none;
    }
}

/* 入场 - 进入页面之前的样式 */
.boss-enter{
    opacity: 0;
}

/* 入场到结束之前的样式 */
.boss-enter{
    opacity: 1;
    transition: opacity 2000ms;
}

/* 入场结束 */
.boss-done{
    opacity: 1;
}

/* 出场 - 出场之前的样式 */
.boss-exit{
    opacity: 1;
}

/* 出场之前的样式 */
.boss-exit-active{
    opacity: 0;
    transition: opacity 2000ms;
}

/* 出场结束 */
.boss-exit-done{
    opacity: 0;
}